#2D3993

Color Details

HEX
#2D3993
RGB
rgb(45, 57, 147)
HSL
hsl(233, 53%, 38%)
CMYK
cmyk(69%, 61%, 0%, 42%)
Best text on this color #FFFFFF (CR 9.91:1) Determined by WCAG contrast ratio

Readability Previews

Black on #2d3993
Contrast 2.12:1 Fail
White on #2d3993
Contrast 9.91:1 AAA
#2d3993 on Black
Contrast 2.12:1 Fail
#2d3993 on White
Contrast 9.91:1 AAA

Tints & Shades

#5761a9
#8188be
#abb0d4
#242e76
#1b2258
#12173b

Complement & Analogous

#94882e
#552e94
#2e6d94

Triadic

#942e3a
#3a942e

Monochrome

#12173b #1b2258 #2d3993 #8188be #abb0d4 #d5d7e9

Analogous

#2e6d94 #6d99b4 #2d3993 #7758a9 #552e94 #442576

Complementary Mix

#1b2258 #2d3993 #8188be #94882e #b9b277 #60581e

Nearby Colors

#2d3992
#2d3994
#2d3983
#2d39a3

Embed #2D3993 swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #2D3993

#2D3993 converts to RGB(45, 57, 147) and HSL(233, 53%, 38%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#2D3993 FAQs

What is the RGB value of #2D3993?
RGB: 45, 57, 147. Copy as CSS: rgb(45, 57, 147)
Is #2D3993 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #2D3993?
Complement: #94882e.
Does #2D3993 have good contrast on white or black?
On white: 9.91:1 (AAA (normal text)). On black: 2.12:1 (Fails AA).